$(function(){
 
  renderItem(0)

  function renderTitle(){
    $.ajax({
      url: 'http://127.0.0.1:9090/api/getbaicaijiatitle',
      type: 'get',
      success:function(info){
        console.log(info);
        $('.mmm_nav ul').html( template('tmp',info) )
  
        var $ul = $('.mmm_nav ul');
        var $lis = $ul.children();
        var liWidth = 0;
        $lis.each(function(i,eleDom){
          liWidth += $(this).width();
        })
        console.log(liWidth);
        $ul[0].style.width = (liWidth+$('.search').width()+1) + 'px';
        console.log($ul.width());
  
        new IScroll('.mmm_nav',{
          scrollX:true,
          sCrollY:false
        })
      }
    })
  }

  // 窗口缩放过程中重新获取每个li的宽度
  $(window).on('resize',function(){
    var $ul = $('.mmm_nav ul');
        var $lis = $ul.children();
        var liWidth = 0;
        $lis.each(function(i,eleDom){
          liWidth += $(this).width();
        })
        console.log(liWidth);
        $ul[0].style.width = (liWidth+$('.search').width()+1) + 'px';
        console.log($ul.width());
  
        new IScroll('.mmm_nav',{
          scrollX:true,
          sCrollY:false
        })
  })

       

  renderTitle()


  function renderItem(titleid){
    $.ajax({
      url: 'http://127.0.0.1:9090/api/getbaicaijiaproduct',
      type: 'get',
      data: {titleid:titleid},
      success: function(info){
        console.log(info);
        // $('.item').append(info.result[0].productName);
        // $('.item').append(info.result[0].productPrice);
        // $('.item .right').append(info.result[0].productCouponRemain);
        // $('.item .right .link').append(info.result[0].productCoupon);
        // $('.item .right .link').append(info.result[0].productHref);
  
        $('.mmm_items').html( template('tmp2',info) )
        // console.log(template('tmp2',info));
      }
    })
  }
 
 
  renderItem(0);

  
  $('.mmm_nav ul').on('click','li',function(){

    $(this)
    .children().addClass('now')
    .parent().siblings().children().removeClass('now');

    var titleid = $(this).data('id');
    renderItem(titleid)
  })


  // 点击回到顶部
  $('.go_top').on('click',function(){
    $('body').animate({
      scrollTop:0
    },2000)
  })
  
  
})